<template>
  <!-- 1.登录头部导航提示 -->
  <van-nav-bar :title="title" fixed>
    <template #left v-if="isShowLeftIcon">
      <van-icon
        name="arrow-left"
        size="18"
        
        @click="$emit('isShowComponent', false)"
      />
    </template>
  </van-nav-bar>
</template>

<script>
export default {
  name: "HeadBar",
  props: {
    isShowLeftIcon: {
      type: Boolean,
    },
    title:{
      default:"分类"
    }
  },
};
</script>

<style scoped lang="scss">
::v-deep .van-nav-bar__content {
  background-color: rgb(238, 10, 36);
  border: 1px solid rgb(238, 10, 36);
}
::v-deep .van-nav-bar__title.van-ellipsis,
::v-deep .van-icon-arrow-left {
  color: #fff;
}
</style>
